$(document).ready(function() {

    (function() {
        $('.j-os').change(function() {
            var url = '?c=public&a=selectModels';
            var osValue = $(this).val();
            $('.j-models').find('option:gt(0)').remove();
            $.ajax({
                url: url,
                data: {os: osValue},
                success: function(result) {
                    var html = '';
                    for(var i = 0; i < result.data.length; i++) {
                        html += '<option value="'+result.data[i].models+'">'+result.data[i].models+'</option>'
                    }
                    $('.j-models').append(html);
                },
                dataType: 'JSON'
            });
        });

        $('.j-models').change(function() {
            var url = '?c=public&a=selectMobiles';
            var modelsValue = $(this).val();
            var osValue = $('.j-os').val();
            var type = $('#type').val();
            var borrowUser = $('input[name=borrow_user]').val();
            $('.j-mobile-id').find('option:gt(0)').remove();
            $.ajax({
                url: url,
                data: {models: modelsValue, osValue: osValue,type:type,user:borrowUser},
                success: function(result) {
                    var html = '';
                    for(var i = 0; i < result.data.length; i++) {
                        html += '<option value="'+result.data[i].id+'">'+result.data[i].mobile_unique_number+'</option>'
                    }
                    $('.j-mobile-id').append(html);
                },
                dataType: 'JSON'
            });
        });

        $('.j-mobile-id').change(function() {
            var url = '?c=public&a=selectMobileId';
            var type = $('#type').val();
            var borrowUser = $('input[name=borrow_user]').val();
            var mobileId = $(this).val();
            if(type == 2) {
                $.ajax({
                    url: url,
                    data: {mobileId: mobileId, user: borrowUser},
                    success: function (result) {
                        if(result.status == 1) {
                            $('input.should-return-time').val(result.shouldReturnTime);
                            if (result.isExpire == 1) {
                                $('.is-expire').removeClass('none');
                            }
                            $('#form').append('<input type="hidden" name="borrowId" value="'+result.id+'">');
                        } else {
                            alert(result.msg);
                        }
                    },
                    dataType: 'JSON'
                });
            }
        });

        $('#type').change(function() {
            var val = $(this).val();
            $('input[name=borrow_user]').val('');
            $('.j-models').find('option:gt(0)').remove();
            $('.j-mobile-id').find('option:gt(0)').remove();
            $('.j-os').val('');
            if(val == 1) {
                $('div.return').addClass('none');
                $('div.borrow').removeClass('none');
                $('.select-mobile').removeClass('none');
            } else if(val == 2) {
                $('div.borrow').addClass('none');
                $('div.return').removeClass('none');
                $('.select-mobile').addClass('none');
                $('#form').attr('action', '?c=mobileBorrow&a=return');
            }
        });

        $('input[name=borrow_user]').change(function() {
            var val = $(this).val();
            if(val != '') {
                $('.select-mobile').removeClass('none');
            } else {
                $('.select-mobile').addClass('none');
            }
        });
    })();
});